﻿<!DOCTYPE html>
<html>
  <head>
    <title>对话框</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/对话框/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/对话框/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Header) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u7784" class="ax_default">
        <div id="u7784_state0" class="panel_state" data-label="State1" style="">
          <div id="u7784_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u7785" class="ax_default box_2">
              <div id="u7785_div" class=""></div>
              <div id="u7785_text" class="text ">
                <p><span>&nbsp; 返回顶部</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u7786" class="ax_default paragraph">
              <div id="u7786_div" class=""></div>
              <div id="u7786_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- header (Dynamic Panel) -->
      <div id="u7787" class="ax_default" data-label="header">
        <div id="u7787_state0" class="panel_state" data-label="State1" style="">
          <div id="u7787_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u7788" class="ax_default box_1">
              <div id="u7788_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u7789" class="ax_default">
              <div id="u7789_state0" class="panel_state" data-label="State1" style="">
                <div id="u7789_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7790" class="ax_default box_1">
                    <div id="u7790_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7791" class="ax_default box_1">
                    <div id="u7791_div" class=""></div>
                    <div id="u7791_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7792" class="ax_default box_1">
                    <div id="u7792_div" class=""></div>
                    <div id="u7792_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u7793" class="ax_default image">
                    <img id="u7793_img" class="img " src="images/index/u10.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7794" class="ax_default box_1">
                    <img id="u7794_img" class="img " src="images/index/u11.png"/>
                    <div id="u7794_text" class="text ">
                      <p><span>&nbsp;iView Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7795" class="ax_default box_1">
        <div id="u7795_div" class=""></div>
      </div>

      <!-- Unnamed (SideNav) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u7797" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7797_div" class=""></div>
        <div id="u7797_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7798" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7798_div" class=""></div>
        <div id="u7798_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7799" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7799_div" class=""></div>
        <div id="u7799_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">全局提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7800" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7800_div" class=""></div>
        <div id="u7800_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">警告提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7801" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-light">
        <div id="u7801_div" class=""></div>
        <div id="u7801_text" class="text ">
          <p><span>视图</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7802" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7802_div" class=""></div>
        <div id="u7802_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7803" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7803_div" class=""></div>
        <div id="u7803_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">颜色选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7804" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7804_div" class=""></div>
        <div id="u7804_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">上传</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7805" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7805_div" class=""></div>
        <div id="u7805_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">评分</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7806" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7806_div" class=""></div>
        <div id="u7806_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">数字输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7807" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7807_div" class=""></div>
        <div id="u7807_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">穿梭框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7808" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7808_div" class=""></div>
        <div id="u7808_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">级联选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7809" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7809_div" class=""></div>
        <div id="u7809_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7810" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7810_div" class=""></div>
        <div id="u7810_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">日期选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7811" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7811_div" class=""></div>
        <div id="u7811_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7812" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7812_div" class=""></div>
        <div id="u7812_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7813" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7813_div" class=""></div>
        <div id="u7813_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7814" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7814_div" class=""></div>
        <div id="u7814_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7815" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7815_div" class=""></div>
        <div id="u7815_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">多选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7816" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7816_div" class=""></div>
        <div id="u7816_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7817" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7817_div" class=""></div>
        <div id="u7817_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7818" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-light">
        <div id="u7818_div" class=""></div>
        <div id="u7818_text" class="text ">
          <p><span>表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7819" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7819_div" class=""></div>
        <div id="u7819_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7820" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7820_div" class=""></div>
        <div id="u7820_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">锚点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7821" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7821_div" class=""></div>
        <div id="u7821_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">徽标数</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7822" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7822_div" class=""></div>
        <div id="u7822_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面包屑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7823" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7823_div" class=""></div>
        <div id="u7823_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7824" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7824_div" class=""></div>
        <div id="u7824_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7825" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7825_div" class=""></div>
        <div id="u7825_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7826" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7826_div" class=""></div>
        <div id="u7826_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">导航菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7827" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-light">
        <div id="u7827_div" class=""></div>
        <div id="u7827_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7828" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7828_div" class=""></div>
        <div id="u7828_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单元格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7829" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7829_div" class=""></div>
        <div id="u7829_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分割线</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7830" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7830_div" class=""></div>
        <div id="u7830_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面板分割</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7831" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7831_div" class=""></div>
        <div id="u7831_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7832" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7832_div" class=""></div>
        <div id="u7832_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">卡片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7833" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7833_div" class=""></div>
        <div id="u7833_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7834" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7834_div" class=""></div>
        <div id="u7834_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">栅格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7835" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-light">
        <div id="u7835_div" class=""></div>
        <div id="u7835_text" class="text ">
          <p><span>布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7836" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7836_div" class=""></div>
        <div id="u7836_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7837" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7837_div" class=""></div>
        <div id="u7837_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7838" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7838_div" class=""></div>
        <div id="u7838_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">字体</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7839" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7839_div" class=""></div>
        <div id="u7839_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">色彩</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7840" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-light">
        <div id="u7840_div" class=""></div>
        <div id="u7840_text" class="text ">
          <p><span>基础</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7841" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-light">
        <div id="u7841_div" class=""></div>
        <div id="u7841_text" class="text ">
          <p><span>组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7842" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7842_div" class=""></div>
        <div id="u7842_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7843" class="ax_default box_1 selected" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7843_div" class="selected"></div>
        <div id="u7843_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7844" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-light">
        <div id="u7844_div" class=""></div>
        <div id="u7844_text" class="text ">
          <p><span>入门介绍</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7845" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7845_div" class=""></div>
        <div id="u7845_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7846" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7846_div" class=""></div>
        <div id="u7846_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7847" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7847_div" class=""></div>
        <div id="u7847_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">文字提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7848" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7848_div" class=""></div>
        <div id="u7848_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7849" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7849_div" class=""></div>
        <div id="u7849_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7850" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7850_div" class=""></div>
        <div id="u7850_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7851" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7851_div" class=""></div>
        <div id="u7851_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7852" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7852_div" class=""></div>
        <div id="u7852_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">走马灯</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7853" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7853_div" class=""></div>
        <div id="u7853_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7854" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7854_div" class=""></div>
        <div id="u7854_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">相对时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7855" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7855_div" class=""></div>
        <div id="u7855_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度环</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7856" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7856_div" class=""></div>
        <div id="u7856_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图钉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7857" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7857_div" class=""></div>
        <div id="u7857_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">返回顶部</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7858" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7858_div" class=""></div>
        <div id="u7858_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7859" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-fenzu-light">
        <div id="u7859_div" class=""></div>
        <div id="u7859_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">无限滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7860" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-light">
        <div id="u7860_div" class=""></div>
        <div id="u7860_text" class="text ">
          <p><span>图表</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7861" class="ax_default box_1" selectiongroup="u7796nav-cebianlan-light">
        <div id="u7861_div" class=""></div>
        <div id="u7861_text" class="text ">
          <p><span>其他</span></p>
        </div>
      </div>

      <!-- Unnamed (Footer) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u7863" class="ax_default">
        <div id="u7863_state0" class="panel_state" data-label="State1" style="">
          <div id="u7863_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u7864" class="ax_default box_1">
              <div id="u7864_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u7865" class="ax_default">
              <div id="u7865_state0" class="panel_state" data-label="State1" style="">
                <div id="u7865_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7866" class="ax_default box_1">
                    <div id="u7866_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7867" class="ax_default label">
                    <div id="u7867_div" class=""></div>
                    <div id="u7867_text" class="text ">
                      <p><span>Axure组件库由 baozipm制作</span></p><p><span>UI与交互由iView团队设计</span></p><p><span>图标由Ionicon团队设计</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7868" class="ax_default label">
                    <div id="u7868_div" class=""></div>
                    <div id="u7868_text" class="text ">
                      <p><span>Contract Me</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u7869" class="ax_default" data-left="1" data-top="80" data-width="151" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u7870" class="ax_default label">
                      <div id="u7870_div" class=""></div>
                      <div id="u7870_text" class="text ">
                        <p><span>bosenger@qq.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u7871" class="ax_default paragraph">
                      <div id="u7871_div" class=""></div>
                      <div id="u7871_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7872" class="ax_default label">
                    <div id="u7872_div" class=""></div>
                    <div id="u7872_text" class="text ">
                      <p><span>Copyright</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7873" class="ax_default label">
                    <div id="u7873_div" class=""></div>
                    <div id="u7873_text" class="text ">
                      <p><span>BaoziPM</span></p><p><span>iView</span></p><p><span>Ionicon</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7874" class="ax_default label">
                    <div id="u7874_div" class=""></div>
                    <div id="u7874_text" class="text ">
                      <p><span>相关站点</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u7875" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u7876" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u7877" class="ax_default">
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u7878" class="ax_default image">
                    <img id="u7878_img" class="img " src="images/index/u95.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7879" class="ax_default label">
                    <div id="u7879_div" class=""></div>
                    <div id="u7879_text" class="text ">
                      <p><span>版本号1.1</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7880" class="ax_default paragraph">
                    <div id="u7880_div" class=""></div>
                    <div id="u7880_text" class="text ">
                      <p><span>www.baozipm.com</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u7881" class="ax_default" data-left="0" data-top="106" data-width="154" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u7882" class="ax_default label">
                      <div id="u7882_div" class=""></div>
                      <div id="u7882_text" class="text ">
                        <p><span>www.baozipm.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u7883" class="ax_default paragraph">
                      <div id="u7883_div" class=""></div>
                      <div id="u7883_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u7884" class="ax_default" data-left="1" data-top="134" data-width="131" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u7885" class="ax_default label">
                      <div id="u7885_div" class=""></div>
                      <div id="u7885_text" class="text ">
                        <p><span>iView Axure Git</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u7886" class="ax_default paragraph">
                      <div id="u7886_div" class=""></div>
                      <div id="u7886_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7887" class="ax_default heading_1">
        <div id="u7887_div" class=""></div>
        <div id="u7887_text" class="text ">
          <p><span>Modal 对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7888" class="ax_default heading_1">
        <div id="u7888_div" class=""></div>
        <div id="u7888_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7889" class="ax_default label">
        <div id="u7889_div" class=""></div>
        <div id="u7889_text" class="text ">
          <p><span>模态对话框，在浮层中显示，引导用户进行相关操作。</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u7890" class="ax_default" data-left="230" data-top="333" data-width="530" data-height="200">

        <!-- Unnamed (Rectangle) -->
        <div id="u7891" class="ax_default box_1">
          <div id="u7891_div" class=""></div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u7892" class="ax_default" data-left="230" data-top="333" data-width="530" data-height="52">

          <!-- Unnamed (Rectangle) -->
          <div id="u7893" class="ax_default box_1">
            <div id="u7893_div" class=""></div>
            <div id="u7893_text" class="text ">
              <p><span>普通的Modal对话框标题</span></p>
            </div>
          </div>

          <!-- Unnamed (Horizontal Line) -->
          <div id="u7894" class="ax_default line">
            <img id="u7894_img" class="img " src="images/对话框/u7894.png"/>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7895" class="ax_default label">
          <div id="u7895_div" class=""></div>
          <div id="u7895_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7896" class="ax_default label">
          <div id="u7896_div" class=""></div>
          <div id="u7896_text" class="text ">
            <p><span>对话框内容</span></p><p><span>对话框内容</span></p><p><span>对话框内容</span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u7897" class="ax_default" data-left="230" data-top="468" data-width="530" data-height="65">

          <!-- Unnamed (Rectangle) -->
          <div id="u7898" class="ax_default box_1">
            <div id="u7898_div" class=""></div>
          </div>

          <!-- Unnamed (Horizontal Line) -->
          <div id="u7899" class="ax_default line">
            <img id="u7899_img" class="img " src="images/对话框/u7894.png"/>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7900" class="ax_default box_1">
          <div id="u7900_div" class=""></div>
          <div id="u7900_text" class="text ">
            <p><span>确定</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7901" class="ax_default box_1">
          <img id="u7901_img" class="img " src="images/按钮/u699.png"/>
          <div id="u7901_text" class="text ">
            <p><span>取消</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7902" class="ax_default label">
        <div id="u7902_div" class=""></div>
        <div id="u7902_text" class="text ">
          <p><span>基础用法</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7903" class="ax_default label">
        <div id="u7903_div" class=""></div>
        <div id="u7903_text" class="text ">
          <p><span>做了无动效和有动效的两个版本。</span></p>
        </div>
      </div>

      <!-- normal (Dynamic Panel) -->
      <div id="u7904" class="ax_default ax_default_hidden" data-label="normal" style="display:none; visibility: hidden">
        <div id="u7904_state0" class="panel_state" data-label="State1" style="">
          <div id="u7904_state0_content" class="panel_state_content">

            <!-- content (Dynamic Panel) -->
            <div id="u7905" class="ax_default" data-label="content">
              <div id="u7905_state0" class="panel_state" data-label="State1" style="">
                <div id="u7905_state0_content" class="panel_state_content">

                  <!-- Unnamed (Group) -->
                  <div id="u7906" class="ax_default" data-left="0" data-top="0" data-width="530" data-height="200">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u7907" class="ax_default box_1">
                      <div id="u7907_div" class=""></div>
                    </div>

                    <!-- Unnamed (Group) -->
                    <div id="u7908" class="ax_default" data-left="0" data-top="0" data-width="530" data-height="52">

                      <!-- Unnamed (Rectangle) -->
                      <div id="u7909" class="ax_default box_1">
                        <div id="u7909_div" class=""></div>
                        <div id="u7909_text" class="text ">
                          <p><span>普通的Modal对话框标题</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (Horizontal Line) -->
                      <div id="u7910" class="ax_default line">
                        <img id="u7910_img" class="img " src="images/对话框/u7894.png"/>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u7911" class="ax_default label">
                      <div id="u7911_div" class=""></div>
                      <div id="u7911_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u7912" class="ax_default label">
                      <div id="u7912_div" class=""></div>
                      <div id="u7912_text" class="text ">
                        <p><span>对话框内容</span></p><p><span>对话框内容</span></p><p><span>对话框内容</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Group) -->
                    <div id="u7913" class="ax_default" data-left="0" data-top="135" data-width="530" data-height="65">

                      <!-- Unnamed (Rectangle) -->
                      <div id="u7914" class="ax_default box_1">
                        <div id="u7914_div" class=""></div>
                      </div>

                      <!-- Unnamed (Horizontal Line) -->
                      <div id="u7915" class="ax_default line">
                        <img id="u7915_img" class="img " src="images/对话框/u7894.png"/>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u7916" class="ax_default box_1">
                      <div id="u7916_div" class=""></div>
                      <div id="u7916_text" class="text ">
                        <p><span>确定</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u7917" class="ax_default box_1">
                      <img id="u7917_img" class="img " src="images/按钮/u699.png"/>
                      <div id="u7917_text" class="text ">
                        <p><span>取消</span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7918" class="ax_default box_1">
        <div id="u7918_div" class=""></div>
        <div id="u7918_text" class="text ">
          <p><span>打开对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7919" class="ax_default label">
        <div id="u7919_div" class=""></div>
        <div id="u7919_text" class="text ">
          <p><span>全屏对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7920" class="ax_default label">
        <div id="u7920_div" class=""></div>
        <div id="u7920_text" class="text ">
          <p><span>自动适配屏幕大小</span></p>
        </div>
      </div>

      <!-- fullscreen (Dynamic Panel) -->
      <div id="u7921" class="ax_default ax_default_hidden" data-label="fullscreen" style="display:none; visibility: hidden">
        <div id="u7921_state0" class="panel_state" data-label="State1" style="">
          <div id="u7921_state0_content" class="panel_state_content">

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u7922" class="ax_default">
              <div id="u7922_state0" class="panel_state" data-label="State1" style="">
                <div id="u7922_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7923" class="ax_default box_1">
                    <div id="u7923_div" class=""></div>
                    <div id="u7923_text" class="text ">
                      <p><span>普通的Modal对话框标题</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Horizontal Line) -->
                  <div id="u7924" class="ax_default line">
                    <img id="u7924_img" class="img " src="images/对话框/u7924.png"/>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u7925" class="ax_default">
              <div id="u7925_state0" class="panel_state" data-label="State1" style="">
                <div id="u7925_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7926" class="ax_default label">
                    <div id="u7926_div" class=""></div>
                    <div id="u7926_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u7927" class="ax_default label">
              <div id="u7927_div" class=""></div>
              <div id="u7927_text" class="text ">
                <p><span>对话框内容</span></p><p><span>对话框内容</span></p><p><span>对话框内容</span></p>
              </div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u7928" class="ax_default">
              <div id="u7928_state0" class="panel_state" data-label="State1" style="">
                <div id="u7928_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7929" class="ax_default box_1">
                    <div id="u7929_div" class=""></div>
                  </div>

                  <!-- Unnamed (Horizontal Line) -->
                  <div id="u7930" class="ax_default line">
                    <img id="u7930_img" class="img " src="images/对话框/u7924.png"/>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u7931" class="ax_default">
              <div id="u7931_state0" class="panel_state" data-label="State1" style="">
                <div id="u7931_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7932" class="ax_default box_1">
                    <div id="u7932_div" class=""></div>
                    <div id="u7932_text" class="text ">
                      <p><span>确定</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7933" class="ax_default box_1">
                    <img id="u7933_img" class="img " src="images/按钮/u699.png"/>
                    <div id="u7933_text" class="text ">
                      <p><span>取消</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7934" class="ax_default box_1">
        <div id="u7934_div" class=""></div>
        <div id="u7934_text" class="text ">
          <p><span>打开全屏对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7935" class="ax_default heading_1">
        <div id="u7935_div" class=""></div>
        <div id="u7935_text" class="text ">
          <p><span>实例化使用方法</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7936" class="ax_default label">
        <div id="u7936_div" class=""></div>
        <div id="u7936_text" class="text ">
          <p><span>基础用法</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7937" class="ax_default label">
        <div id="u7937_div" class=""></div>
        <div id="u7937_text" class="text ">
          <p><span>四种基本的对话框，只提供一个确定按钮。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7938" class="ax_default box_1">
        <div id="u7938_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7939" class="ax_default box_1">
        <div id="u7939_div" class=""></div>
        <div id="u7939_text" class="text ">
          <p><span>确定</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7940" class="ax_default heading_3">
        <div id="u7940_div" class=""></div>
        <div id="u7940_text" class="text ">
          <p><span>对话框的标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7941" class="ax_default heading_3">
        <div id="u7941_div" class=""></div>
        <div id="u7941_text" class="text ">
          <p><span>一些对话框内容</span></p><p><span>一些对话框内容</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7942" class="ax_default label">
        <div id="u7942_div" class=""></div>
        <div id="u7942_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- normal2 (Dynamic Panel) -->
      <div id="u7943" class="ax_default ax_default_hidden" data-label="normal2" style="display:none; visibility: hidden">
        <div id="u7943_state0" class="panel_state" data-label="State1" style="">
          <div id="u7943_state0_content" class="panel_state_content">

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u7944" class="ax_default">
              <div id="u7944_state0" class="panel_state" data-label="State1" style="">
                <div id="u7944_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7945" class="ax_default box_1">
                    <div id="u7945_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7946" class="ax_default box_1">
                    <div id="u7946_div" class=""></div>
                    <div id="u7946_text" class="text ">
                      <p><span>确定</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7947" class="ax_default heading_3">
                    <div id="u7947_div" class=""></div>
                    <div id="u7947_text" class="text ">
                      <p><span>对话框的标题</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7948" class="ax_default heading_3">
                    <div id="u7948_div" class=""></div>
                    <div id="u7948_text" class="text ">
                      <p><span>一些对话框内容</span></p><p><span>一些对话框内容</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7949" class="ax_default label">
                    <div id="u7949_div" class=""></div>
                    <div id="u7949_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7950" class="ax_default box_1">
        <div id="u7950_div" class=""></div>
        <div id="u7950_text" class="text ">
          <p><span>打开对话框</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
